{% extends "base.html" %}
{% block title %}退出登录 - 安全登录系统{% endblock %}

{% block content %}
<div class="logout-container">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md6 layui-col-md-offset3">
                <div class="logout-box">
                    <h2 class="text-center"><i class="layui-icon layui-icon-logout"></i> 退出登录</h2>
                    
                    <div class="logout-message">
                        <p><i class="layui-icon layui-icon-ok-circle"></i> 您已成功退出登录</p>
                        <p>为了您的账户安全，请关闭浏览器窗口</p>
                    </div>
                    
                    <div class="layui-form-item text-center">
                        <a href="/login" class="layui-btn layui-btn-primary">重新登录</a>
                        <a href="/" class="layui-btn">返回首页</a>
                    </div>
                </div>
                
                <div class="security-reminder">
                    <div class="layui-card">
                        <div class="layui-card-header">安全提醒</div>
                        <div class="layui-card-body">
                            <ul>
                                <li><i class="layui-icon layui-icon-tips"></i> 退出后请清除浏览器缓存</li>
                                <li><i class="layui-icon layui-icon-tips"></i> 不要在公共电脑上保存登录状态</li>
                                <li><i class="layui-icon layui-icon-tips"></i> 定期更改密码以提高安全性</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
layui.use(function(){
    // 设置3秒后自动跳转
    setTimeout(function(){
        window.location.href = '/';
    }, 5000);
});
</script>
{% endblock %}